<template>
    <div>
        <div id="tab_bar">
            <slot></slot>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'TabBar'
    }
</script>

<style scoped>
    #tab_bar{
    display:flex;
    background-color: #f3f3f3;

    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;

    box-shadow: 0 -1px 2px rgba(100, 100, 100, 0.05);
  }
  
</style>